<!DOCTYPE html>
<html lang="zh-CN">

<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
  <title>网盘 || 首页</title>

  <!-- Bootstrap -->
  <!-- <link href="./bootstrap/css/bootstrap.min.css" rel="stylesheet"> -->

  <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
  <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
  <!--[if lt IE 9]>
      <script src="https://cdn.bootcss.com/html5shiv/3.7.3/html5shiv.min.js"></script>
      <script src="https://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
    <link rel="SHORTCUT ICON" href="./favicon.ico"/>
  <link rel="stylesheet" href="./bootstrap/css/bootstrap.min.css">
  <link rel="stylesheet" href="./bootstrap/table/bootstrap-table.min.css">
 <link rel="stylesheet" href="./bootstrap/fileupload/css/fileinput.min.css">
 <link rel="stylesheet" href="./css/load.css">

  <style>
    body {
      overflow: hidden;
    }

    #exmple .row .col {
      padding: 0;
      border-right: 0.5px solid gray;
    }

    #table-toolbar {
      float: left;
    }

    #file-menu .active {
      font-size: 24px;
      /* padding: 5px; */
    }

    .krajee-default .file-caption-info, .krajee-default .file-size-info{
      height: auto;
    }

  </style>
</head>

<body>
  <div id="exmple" class="container-fluid">
    <div class="row">
      <div class="col col-xs-2 col-md-2 col-lg-2" style="min-height: 800px;   min-width:250px;">
        <div class="panel panel-default" style="margin-bottom:0;border-radius: 0;">
          <img src="./image/kristy.png" class="img-responsive" alt="头像">
          <div class="panel-body">
            <button id="login-in-btn"  type="button" class="btn btn-default btn-sm form-control ">请先登录</button>
            <div id="login-info" class="">
                <h4 id="login-user"> <span id="login-user-name">Jack Mo</span>   <small><a id="login-out" href="#" >登出</a></small>  </h4>
            </div>
            <div id="now-time">2017/10/20 09:29</div>
            <div id="">IP:
              <span id="now-ip">173.1.1.1 </span> <span id="now-city">湖南</span>
            </div>
          </div>
        </div>
        <div id="file-menu" class="list-group" style="border-radius: 0;">
          <a id="myhome" href="#" class="list-group-item active">
            <h4>
              <span class="glyphicon glyphicon-home"></span> 主页</h4>
          </a>
          <a id="myfile" href="#" class="list-group-item">
            <h4>
              <span class="glyphicon glyphicon-folder-close"></span> 我的文件 </h4>
          </a>
          <a id="mytrash" href="#" class="list-group-item">
            <h4>
              <span class="glyphicon glyphicon-trash"></span> 回收站 </h4>
          </a>
        </div>

      </div>

      <div class="col col-xs-10 col-md-10 col-lg-10" style="min-height: 800px; ">

        <div class="container-fluid">
          <div id="page-header" class="page-header" style="position:relative">
            <h1> 主页
              <small> 查看所有人分享的文件</small>
            </h1>
          </div>

          <div id="table-container">

              <!-- 文件上传 开始 -->
              <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
                  <div class="modal-dialog" role="document">
                    <div class="modal-content">
                      <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                        <h4 class="modal-title" id="myModalLabel">上传文件</h4>
                      </div>
                      <div class="modal-body">
                          <form id="file-upload-form"  action="http://118.89.161.29:10086/upload" method="post" enctype="multipart/form-data" >
                              <div class="file-loading">
                                  <input name="file" id="file-upload-input"  type="file" required>
                              </div>
                              <br>
                              <input type="hidden" id="username" name="username" value="jackmo3">
                              <label for="desc">文件描述:</label>
                              <input name="desc" type="text" id="desc" class="form-control" placeholder="输入文件描述">
                              <div class="checkbox">
                                <label>
                                  <input name="isshare" type="checkbox"> 是否共享
                                </label>
                              </div>
                            <button  id="file-info-submit" type="button" class="btn btn-primary">提交</button>
                            <button id="file-form-reset" type="reset" class="btn btn-default">重置</button>
                            <div id="errorBlock" class="help-block"></div>
                        </form>
                      </div>
                      <div class="modal-footer">
                        <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                      </div>
                    </div>
                  </div>
                </div>
              <!-- 文件上传 结束-->

              <!-- 文件编辑开始 -->

              <div class="modal fade" id="myModa2" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
                <div class="modal-dialog" role="document">
                  <div class="modal-content">
                    <div class="modal-header">
                      <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                      <h4 class="modal-title" id="myModalLabel">文件编辑</h4>
                    </div>
                    <div class="modal-body">
                      <div id="editor">
                      </div>
                    </div>
                    <div class="modal-footer">
                      <button id="file-edit-save" type="button" class="btn btn-primary">保存</button>
                      <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                    </div>
                  </div>
                </div>
              </div>

              <!-- 文件编辑结束 -->

            <div id="table-toolbar">
              <a id="file-upload" title="上传" class="btn btn-primary" href="#" role="button" style="display:none" data-toggle="modal" data-target="#myModal">
                <span class="glyphicon glyphicon-open "></span>
              </a>
              <a id="file-download" title="下载" class="btn btn-primary" href="#" role="button">
                <span class="glyphicon glyphicon-save"></span>
              </a>
              <a id="file-repeat" title="恢复已删除文件" class="btn btn-primary" href="#" role="button" style="display:none">
                <span class="glyphicon glyphicon-repeat"></span>
              </a>
              <a id="file-edit" title="编辑" class="btn btn-primary" href="#" role="button" style="display:none">
                <span class="glyphicon glyphicon-edit"></span>
              </a>
              <a id="file-remove" title="删除" class="btn btn-primary" href="#" role="button" style="display:none">
                <span class="glyphicon glyphicon-remove"></span>
              </a>
            </div>
            <table id="file-table" data-toggle="table" data-click-to-select="true" data-sort-name="upload-time" data-sort-order="desc"
              data-pagination="true" data-page-size="12" data-search="true" data-search-on-enter-key="true" data-toolbar="#table-toolbar">
              <thead>
                <tr>
                  <th data-field="state" data-checkbox="true"></th>
                  <th data-field="id" data-visible="false"></th>
                  <th data-field="filepath" data-visible="false"></th>
                  <th data-field="filename" data-sortable="true">
                    名称
                  </th>
                  <th data-field="filetype" data-sortable="true">
                    类型
                  </th>
                  <th data-field="filesize" data-sortable="true">
                    大小 (byte)
                  </th>
                  <th data-field="filedesc" data-sortable="true">
                    描述
                  </th>
                  <th data-field="username" data-sortable="true">
                    上传者
                  </th>
                  <th data-field="uploadtime" data-sortable="true">
                    上传时间
                  </th>
                </tr>
              </thead>
            </table>
          </div>
        </div>

      </div>
    </div>
  </div>

  <div class="loading-cover">
    <div class="loading">
      <span></span>
      <span></span>
      <span></span>
      <span></span>
      <span></span>
    </div>
  </div>
  


  <script src="./jquery/jquery.min.js"></script>
  <script src="./bootstrap/js/bootstrap.min.js"></script>
  <script src="./bootstrap/table/bootstrap-table.min.js"></script>
  <script src="./bootstrap/fileupload/js/fileinput.js"></script>
  <script src="./bootstrap/fileupload/js/locales/zh.js"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.11.0/umd/popper.min.js" type="text/javascript"></script>
  <script src="./bootstrap/table/locale/bootstrap-table-zh-CN.min.js"></script>
  <script src="./js/pageloading.js"></script>
  <script src="./js/config.js"></script>
  <script src="./js/index.js"></script>
  <script src="./js/cookies.js"></script>
  <script type="text/javascript" src="http://pv.sohu.com/cityjson?ie=utf-8"></script>
  <script src="./js/wangeditor/wangEditor.min.js"></script>
</body>

</html>